<template>
	<div class="not-found">
		<h1>Sorry! Page Not Found!</h1>
		<p>很抱歉，我们无法找到您要查找的页面</p>
		<img src="../assets/404.png" alt="404 错误" />
	</div>
</template>

<script>
	export default {
		name: "Error",
	}
</script>

<style>
	.not-found {
		text-align: center;
		padding: 5rem 0;
	}

	h1 {
		font-size: 3rem;
		margin-bottom: 1rem;
	}

	p {
		font-size: 1.2rem;
	}

	img {
		max-width: 100%;
		margin-top: 1rem;
	}
</style>
